<template>
	<view class="content">
		<view class="card">
			<view class="wenzi">
				<view class="nan">南城美丽佳人美发店</view>
				<view class="shou">收益记录</view>
			</view>
			<view class="shuzidiv">
				<view class="shuzi">
					<view class="shuzi_1">¥56.8</view>
					<view class="shuzi_2">今日收益</view>
				</view>
				<view class="shuzi1">
					<view class="shuzi_3r">¥56.8</view>
					<view class="shuzi_4r">今日收益</view>
				</view>
			</view>
		</view>
		<view class="bgimg">
			<image src="/static/home/fenqi/Bitmap4.png" mode=""></image>
		</view>
		<view class="card">
			<view class="wenzi">
				<view class="nan">南城美丽佳人美发店</view>
				<view class="shou">收益记录</view>
			</view>
			<view class="shuzidiv">
				<view class="shuzi">
					<view class="shuzi_1">¥56.8</view>
					<view class="shuzi_2">今日收益</view>
				</view>
				<view class="shuzi1">
					<view class="shuzi_3r">¥56.8</view>
					<view class="shuzi_4r">今日收益</view>
				</view>
			</view>
		</view>
		<view class="bgimg">
			<image src="/static/home/fenqi/Bitmap4.png" mode=""></image>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.content{
	width: 750rpx;

	background-color: #F5F5F5;
	.card{
		border-radius:16px 16px 0 0;
		width: 686rpx;
		height: 270rpx;
		background-color: #FFFFFF;
		margin: 0  auto;
		margin-top: 32rpx;
		.wenzi{
			display: flex;
			justify-content:space-between; 
			.nan{
				margin-top: 32rpx;
				padding-left: 38rpx;
				height:45rpx;
				font-size:32rpx;
				font-family:PingFangSC-Medium,PingFang SC;
				font-weight:500;
				color:rgba(51,51,51,1);
				line-height:45rpx;
			}
			.shou{
				margin-top: 32rpx;
				padding-right: 38rpx;
				height:32rpx;
				font-size:23rpx;
				font-family:PingFangSC-Regular,PingFang SC;
				font-weight:400;
				color:rgba(255,94,77,1);
				line-height:32rpx;
			}
		}
		.shuzi{
			margin-top: 44rpx;
			
			
			
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(255,94,77,1);
			line-height:50rpx;
			.shuzi_2{
				font-size:24rpx;
				margin-left: 121rpx;
				color: #6D7278;
				
			}
			.shuzi_1{
				font-size: 48rpx;
				margin-left: 105rpx;
			}
		}
		.shuzidiv{
			display: flex;
			justify-content:space-between; 
			.shuzi1{
				
				margin-top: 44rpx;
				.shuzi_4r{
					margin-right: 122rpx;
					font-size: 24rpx;
					color: #6D7278;
				}
				.shuzi_3r{
					color:rgba(255,94,77,1);
					font-size: 48rpx;
					margin-right: 95rpx;
				}
			}
		}
	}
	.bgimg{
		width: 686rpx;
		height: 280rpx;
		// background-color: #000000;
		margin: 0 auto;
		image{
			width: 100%;
			height: 100%;
		}
		
	}
	
}

</style>
